<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类的工作机制其实就是原型</title>
</head>
<body>
    
</body>
<script>
    /*
        类是原型的语法糖，他们工作的机制其实是一样的
    */

    class jim{
        constructor(name){
            this.name = name
        }
        get(){  // 为原型添加方法
            return this.name
        }
    }

    let jimmy = new jim('jimmy')


    function Xue(name){
        this.xue = name
    }
    let xue = new Xue('xuexue')
    Xue.prototype.show = function(){  //为原型添加方法
        console.log('构造函数原型方法')
    }

    /* ******************************* */
    console.log(jimmy)  //imname: "jimmy"__proto__: Object

    console.log(xue)  // Xuexue: "xuexue"__proto__: Object
    // 二者内部的结构完全一样

    // 之所以称为语法糖，就是为原型添加方法的上面  类大大减少的代码量  能够让我们更加轻松的实现添加方法

</script>
</html>